.mask_info{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	display: none;
}
.info-logo{
	width: 0.27rem;
	vertical-align: middle;
	margin-right: 0.1rem;
}
.info_guanbi{
	display: block;
	width: 0.8rem;
	margin: 5% auto 0 auto;
}
.book_info{
	z-index: 999;
	width:680px; height:320px;
	background: url(../image/tankuang.png) no-repeat center;
	margin:12% auto 5%;
	overflow: hidden; position:relative;
	   /* box-shadow: 0 3px 10px rgba(215,215,215,.8);*/
}

.anniugb{background:url(../image/guanbi.png) no-repeat; cursor:pointer; width:30px; height:30px; background-size:100%;    -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out; position:absolute; top:10px; right:10px; z-index:999}
.anniugb:hover{background: url(../image/guanbi1.png) no-repeat; width:30px; height:30px; background-size:100%;}

.hongbaoshow{ position:absolute; bottom:25px; right:15px; width:100%;}

.hongbaoshow_show{ color:#ffe2c4; font-size:22px; text-align:right; width:100%;}

.phong{ margin:30px 0 0}
.hongbaoshow_show a{ float:right; background:#fecb2e; letter-spacing:0; width:108px; height:33px; color:#fff; font-size:16px; text-align:center; line-height:33px; display:block;   
   -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}
.hongbaoshow_show a.info_close{ cursor:pointer; background:none; color:#333;}
.hongbaoshow_show a:hover{ background:#ffc000}
.hongbaoshow_show a.info_close:hover{background:none; color:#000}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
	.book_info{
		/* margin: 36% auto; */
	}
}
.info_title{
	font-size: 20px;
	width: 100%;
	height: 0.56rem;
	background: #eeeeee;
	border-radius: 5px 5px 0 0;
	
}
.info_title span{
	display: inline-block;
	margin: 2% 0 0 5%;
	font-size: 0.26rem;
}
.info_title img{
	width: 0.21rem;
	height: 0.21rem;
	float: right;
	margin: 3.5% 5% 0 0;
}
.info_1{
	margin: 5% auto;
	width: 55%;
	overflow: hidden;
}
.info_1 img{
	width: 36%;
	float: left;
}
.info_1_right{
	float: left;
	margin-left: 10%;
}
.info_1_right p{
	font-size: 0.22rem;
	line-height: 0.4rem;
	color: #828282;
}
.info_1_right_p1{
	color: #000!important;
	/*line-height: 30px!important;*/
	border-bottom: 1px solid #bababa;
	
}
.info_2{
	padding: 0 0 0 5%;
	margin-top: 0.15rem;
}
.info_2_p1{
	font-size: 0.22rem;
	color: #000;
	line-height: 0.4rem;
}
.info_2_p2{
	font-size: 0.22rem;
	line-height: 0.4rem;
	color: #828282;
}
.info_3{
	padding: 0 5%;
	overflow: hidden;
	margin-top: 0.15rem;
}
.info_3_p1{
	/*width: 25%;*/
	font-size: 0.22rem;
	line-height: 0.4rem;
	color: #000;
	float: left;
}
.info_3_p2{
	font-size: 0.22rem;
	line-height: 0.4rem;
	color: #828282;
	float: left;
}
.chakan{
	display: block;
	text-decoration: none;
	width: 1.6rem;
	height: 0.48rem;
	line-height: 0.48rem;
	background: #00a0e9;
	margin: 5% auto;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	font-size: 0.26rem;
}
.shuoming{
	margin-top: 0.6rem;
    margin-bottom: 2.5rem;
    /* background: #fff; */
}
@media only screen and (device-width: 375px) and (device-height: 767px){
    .shuoming{
        margin-bottom: .6rem;
    }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
	.shuoming{
    		margin-top: 1.4rem;
    }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
	.shuoming{
    		margin-top: 1rem;
    }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio:3) {
	.shuoming{
    		margin-top: 1rem;
    }
}
.shuoming img{
	display: block;
	width: 80%;
	margin: 0 auto;
}
.shuoming p{
	text-align: center;
	font-size: 0.26rem;
	line-height: 0.4rem;
	text-indent: 1em;
}
#a2{
	margin-top: 0.05rem;
}
.form_info{
	/*height: 4.7rem;*/
	padding: 0.1rem 0.35rem 0.35rem 0.35rem;
}
.form_info li{
	margin-top: 0.3rem;
	overflow: hidden;
}
.form_info li input{
	width: 70%;
	/*height: 0.54rem;*/
	padding: 0.2rem 0;
	/*line-height: 0.54rem;*/
	border: 1px solid #434343;
	outline: none;
	text-indent: 0.5em;
	font-size: 0.26rem;
}
.form_info textarea{
	width: 70%;
	padding: 0.3rem 0;
	border: 1px solid #434343;
	outline: none;
	resize: none;
	appearance: none;
	text-indent: 0.5em;
	font-size: 0.26rem;
}
.form_info li span{
	display: inline-block;
	width: 1.3rem;
	text-align: right;
	font-size: 0.26rem;
	float: left;
	margin-top: 0.15rem;
}
.form_info li p{
	width: 70%;
	float: left;
	font-size: 40px;
}
.sub{
	display: block;
	width: 1.6rem;
	height: 0.48rem;
	line-height: 0.48rem;
	background: #00a0e9;
	margin: 0.4rem auto;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	font-size: 0.26rem;
	border: none;
	outline: none;
}
.songshu{
	width: 1.08rem;
	height: 0.64rem;
	position: absolute;
	bottom: 1.12rem;
	/*top: 11.57rem;*/
	right: 2.4rem;
	z-index: 997;
}
.songshu img{
	width: 100%;
}



@media screen and (max-width:568px){
	.book_info{ width:90%; height:200px; margin:30% auto 10%; background-size:100%; box-shadow:none;}
	.hongbaoshow{ left:18%; bottom:20px; width:82%}
	.hongbaoshow_show a.info_close{ margin-left:15%}
	.hongbaoshow_show a{ width:90px; height:30px; line-height:30px; font-size:13px;}
	
	
}